<template>
  <f7-app :params="f7params" color-theme="green">
    <f7-statusbar />
    <f7-view url="/" main stack-pages :animate="false" :restore-scroll-top-on-back="false" />
  </f7-app>
</template>
<script>
import { f7App, f7Statusbar, f7View } from 'framework7-vue'
import routes from './routes.js'
export default {
  components: {
    f7App,
    f7Statusbar,
    f7View
  },
  data() {
    return {
      f7params: {
        theme: 'md',
        routes,
        id: 'com.vlinkall.tpgj',
        toast: {
          closeTimeout: 2000,
          position: 'center'
        },
        touch: {
          materialRipple: false
        },
        dialog: {
          buttonOk: '确定',
          buttonCancel: '取消',
          backdrop: true,
          animate: false,
          closeByBackdropClick: true
        }
      }
    }
  },
  mounted() {
    setTimeout(function() {
      window.navigator.splashscreen.hide()
    }, 500)
  }
}
</script>